<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>fred-HC</title>
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/font-family.css">
  <link rel="stylesheet" href="css/common.css">
  <!--[if lt IE 9]>
      <script src="js/lib/html5shiv/html5shiv.min.js"></script>
      <script src="js/lib/respond/respond.js"></script>
    <![endif]-->
</head>

<body>
  <header class="fred_header">
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
            aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="javascript:;" class="fred_header_smlogo hidden-sm hidden-md hidden-lg">
            <img src="images/logo-100.png" alt="">
          </a>
          <ul class="fred_navlink hidden-xs">
            <li>
              <a href="javascript:;" class="fred_navlinks">HOME</a>
            </li>
            <li>
              <a href="javascript:;" class="fred_navlinks">SHOP</a>
            </li>
            <li>
              <a href="javascript:;">
                <img src="images/logo-150.png" alt="">
              </a>
            </li>
            <li>
              <a href="javascript:;" class="fred_navlinks  collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                aria-expanded="false">厉害了</a>
            </li>
            <li>
              <a href="javascript:;" class="fred_navlinks">BLOG</a>
            </li>
          </ul>

        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="fred_hidden fred_dropnav" id="bs-example-navbar-collapse-1">
          <h3>-MEGA MENU-</h3>
          <div class="dorpnav_list clearfix">
            <ul class="col-sm-4">
              <li class="dropnav_title">
                <a href="javascript:;">BLOG</a>
              </li>
              <li>
                <a href="javascript:;">BLOG LEFT CONTENT</a>
              </li>
              <li>
                <a href="javascript:;">BLOG RIGHT CONTENT</a>
              </li>
              <li>
                <a href="javascript:;">BLOG CENTER</a>
              </li>
            </ul>
            <ul class="col-sm-4">
              <li class="dropnav_title">
                <a href="javascript:;">BLOG</a>
              </li>
              <li>
                <a href="javascript:;">BLOG LEFT CONTENT</a>
              </li>
              <li>
                <a href="javascript:;">BLOG RIGHT CONTENT</a>
              </li>
              <li>
                <a href="javascript:;">BLOG CENTER</a>
              </li>
            </ul>
            <ul class="col-sm-4">
              <li class="dropnav_title">
                <a href="javascript:;">BLOG</a>
              </li>
              <li>
                <a href="javascript:;">BLOG LEFT CONTENT</a>
              </li>
              <li>
                <a href="javascript:;">BLOG RIGHT CONTENT</a>
              </li>
              <li>
                <a href="javascript:;">BLOG CENTER</a>
              </li>
            </ul>
          </div>
          <div class="dropnav_close">
            CLOSE THEMES
          </div>
        </div><!-- /.fred_dropnav" -->
      </div><!-- /.container-fluid -->
    </nav>
    <div class="fred_header_wave">

    </div>
  </header>

  <footer class="fred_footer">
    <div class="footer_arrow">

    </div>
    <div class="container">
      <!-- 页脚上部 -->
      <div class="footer_top">
        <!-- 底部中心大LOGO -->
        <img class="footer_logo" src="images/logo.png" alt="">
        <!-- 透明LOGO -->
        <div class="footer_whitelogo col-sm-6">
          <img src="images/logo-white.png" alt="">
        </div>
        <!-- 链接link栏 -->
        <div class="footer_linkbar col-sm-6 text-right">
          <div class="linkbar_bottom">
            <b class="icon icon-facebook"></b>
            <b class="icon icon-twitter"></b>
            <b class="icon icon-behance"></b>
            <b class="icon icon-facebook"></b>
            <b class="icon icon-twitter"></b>
          </div>
        </div>
      </div>
      <!-- 页脚水平分割线 -->
      <div class="footer_hr"></div>
      <!-- 页脚下部 -->
      <div class="footer_bottom">
        <div class="footer_bottom_l col-sm-4">
          <span>CAKE'S DREAM</span>
          <div class="footer_bottom_l1">
            <em>Cookie apple pie donut gingerbread </em>
            <em>sweet roll pudding topping </em>
            <em>marshmallow.</em>
          </div>
          <div class="footer_bottom_l2">
            <em>Jl Kalidam RT 05 RW 10 </em>
            <em>Cimahi Selatan, Indonesia</em>
          </div>
          <div class="footer_bottom_l3">
            Telp : <b>085 327787266</b> 
          </div>
        </div>
        <div class="footer_bottom_m col-sm-4 hidden-xs">
          <ul class="footer_bottom_taglist clearfix">
            <li>
              <a href="javascript:;"><img src="./images/tag-1.jpg" alt=""></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./images/tag-2.jpg" alt=""></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./images/tag-3.jpg" alt=""></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./images/tag-4.jpg" alt=""></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./images/tag-5.jpg" alt=""></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./images/tag-6.jpg" alt=""></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./images/tag-7.jpg" alt=""></a>
            </li>
            <li>
              <a href="javascript:;"><img src="./images/tag-8.jpg" alt=""></a>
            </li>
          </ul>
          <p>Cookie apple pie donut gingerbread sweet roll pudding topping.More Templates </p>
        </div>
        <div class="footer_bottom_r col-sm-4">
          <a href="javascript:;">SHOP</a><br/>
          <a href="javascript:;">GALLERY</a><br/>
          <a href="javascript:;">PRIVACY POLICY</a><br/>
          <a href="javascript:;">TERMS OF USE</a><br/>
          <a href="javascript:;">BLOG</a>
        </div>
        
      </div>
    </div>
    <div class="footer_bottom_logo">
        <a href="javascript:;">
          <img src="./images/dn.png" alt="">
        </a>
      </div>
    
    
    
    






  </footer>



  <script src="js/jquery.js"></script>
  <script src="js/bootstrap.js"></script>
</body>

</html>